iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
SideProject30

以vue.js + node.js 搭建一個客服填單系統系列 第 6

開始寫程式了,node.js 的express 框架

  • 分享至 

  • xImage
  •  

Hi,大家好,昨天我們處理好了資料庫,也將資料表先開好了,
今天來開始程式的撰寫
這次的系統,我會以node.js 來撰寫後端,使用的 web 框架是 express,
首先我們要先完成環境的安裝,簡要安裝動作如下

專案環境安裝

  1. 下載並安裝 vscode
  2. 下載並安裝 node.js,安裝過程中會一併裝好 npm
  3. 開啟命令提示字元,執行「npm install -g express-generator「
  4. 建立專案資料夾「saf」
  5. 打開 vscode,點擊檔案 -> 開啟資料夾,開啟剛剛建立的 saf 資料夾
  6. 點擊檢視 -> 終端機,在終端機畫面中輸入 express -e,至此我們就得到了 express 的骨架專案

----------------------------例外處理分隔線-----------------------------

若預設的終端機為 power shell(畫面上如上圖紅圈處出現PS字樣)時,本篇的指令會全部失效,解決方法是要將終端機更換為 windows 預設的命令提示字元工具,操作方法如下

  1. 按下 ctrl + shift + p,輸入 select,選取「終端機:選取預設設定檔」
  2. 選取「Command Prompt」,即完成設定

專案檔案說明

express 是一個很簡單的框架,和早期的 RoR 一樣都有一種「習慣約定優於配置」的傾向,所以骨架專案中的各個資料夾與檔案各司其職,簡單的說明如下

檔案/資料夾 說明
app.js 專案主程式
router 設定系統routing 的檔案
views 放置由程式進行渲染的頁面檔案
public 放置靜態檔、圖檔
model 放置後端模組的資料夾

結語

由於今天有點感冒,所以今天先將骨架專案建起來,明天再繼續進行 router 的撰寫,我們明天再繼續囉


上一篇
資料庫操作篇part2
下一篇
router規劃 part2
系列文
以vue.js + node.js 搭建一個客服填單系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言